// import dark theme
@use "element-plus/theme-chalk/src/dark/css-vars.scss" as *;
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  button, [type='button'], [type='reset'], [type='submit'] {
    background-color: var(--el-color-primary); // 我用的是naive ui
  }
}

// :root {
//   --ep-color-primary: red;
// }

body {
  font-family: Inter, system-ui, Avenir, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}

//a {
//  color: var(--el-color-primary);
//}

code {
  border-radius: 2px;
  padding: 2px 4px;
  background-color: var(--ep-color-primary-light-9);
  color: var(--el-color-primary);
}

.el-tag.el-tag--info {
  color: var(--el-color-primary);
}

.dark .hero img {
  filter: invert(92%);
}
